/*  blog detail */
.cart {
    font-size: 1.4rem;
}

.cart-items {
}
.cart-item-title {
    font-size: 1.6rem;
    font-weight: bold;
}
.cart-item {
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    gap: 20px;
    position: relative;
}

.cart-item:last-of-type {
    border-bottom: none;
}

.cart-item a img {
    width: 80px;
    height: auto;
}

.cart-item-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cart-item-info-name a {
    text-decoration: none;
    color: var(--black-color);
}

.cart-item-price {
    width: 80px;
    text-align: right;
}

.cart-item-price strong {
    display: block;
}

.price-discount {
    text-decoration: line-through;
    color: #9c9c9c;
    font-size: 13px;
}

#btnDeleteProduct {
    top: 0;
    left: 0px;
    position: absolute;
    font-size: 1.8rem;
    cursor: pointer;
}

.quantity {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.delete {
    /* display: none; */

    padding: 6px;
    display: block;
    cursor: pointer;
    font-size: 13px;
    color: var(--primary-color);
}

.cart-order {
}
.cart-order-summary {
}
.cart-order-summary-cost {
    display: flex;
    gap: 20px;
}

.cart-order-summary-cost span,
.cart-order-summary-cost strong {
    text-align: right;
}
.cart-order-summary-cost span:first-child {
    flex-grow: 1;
}
.cart-order-summary-cost strong,
.cart-order-summary-cost span:last-child {
    width: 135px;
}

.cart-btn {
    display: flex;
    /* gap: 10px; */
    flex-wrap: wrap;
    font-size: 1.2rem;
}
.cart-btn div {
    flex: 1 0 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    font-weight: 400;
    padding: 15px 20px;
    display: block;
}
.cart-btn div:not(:last-child) {
    margin-bottom: 10px;
}
.cart-btn-order {
    background-color: var(--black-color);
    color: var(--white-color);
}
.content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* responesive */
@media (min-width: 740px) {
    .quantity {
        display: block;
    }
    .delete {
        display: inline-block;
        margin-left: 25px;
        /* flex: 1 0 100%;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        font-weight: 400;
        padding: 15px 20px; */
    }
    /* #btnDeleteProduct {
        display: none;
    } */

    .cart-btn div {
        flex: 1 0 40%;
    }

    .cart-btn div:not(:last-child) {
        margin: 0 10px 0 0;
        /* margin-bottom: 0; */
    }
}

@media (min-width: 1113px) {
}